<body class="gray-bg">
<div class="wrapper wrapper-content animated ">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>{$page_title}</h5>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <form id="pagerForm" method="post" class="form-inline searchForm">
                            <div class="col-sm-12">
                                <div class="input-group text-left">
                                    <select name="status" class="chosen-select">
                                        <option value="">选择申请状态</option>
                                        {volist name='$status_list' id='vo'}
                                        <option value="{$key}">{$vo['name']}</option>
                                        {/volist}
                                    </select>
                                </div>
                                <div class="input-group text-left">
                                    <select  name="handle_user_id" class="chosen-select">
                                        <option value="">报销人员</option>
                                        {volist name='sys_user_list' id='vo'}
                                        <option value="{$vo['id']}">{$vo['username']}-{$vo['realname']}</option>
                                        {/volist}
                                    </select>
                                </div>
                                <div class="input-group">
                                    <input type="text" name="keywords" placeholder="输入关键字搜索" class="form-control">
                                </div>
                                <div class="input-group">
                                    <span class="input-group-btn"> <button type="button" class="btn btn-primary ajaxSearchForm"><i class="fa fa-search"></i> 搜索</button></span>
                                </div>
                                <div class="input-group">
                                    <span class="input-group-btn"> <button type="button" class="btn btn-warning ajaxSearchForm resetForm"><i class="fa fa-recycle"></i> 重置</button></span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-10">
                            <lqf_link><a class="btn btn-info ajax-open"  data-url="{:url('OaReimburse/add')}"><i class="fa fa-plus"></i> 添加</a></lqf_link>
                        </div>
                        <div class="col-sm-2 text-right">
                            <a href="javascript:void(0);" class="btn btn-default btn-outline btn-field-set" data-id="{$page_title|default=''}"> <i class="fa fa-columns"></i> 列</a>
                        </div>
                    </div>
                </div>
                <div class="ibox-content table-responsive">
                    <table class="table table-hover sorttable ajax-list-table" data-url="{:url('OaReimburse/show_json')}" width="100%">
                        <thead>
                        <tr>
                            <th width="22"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
                            <th width="100" orderField="by_sort" class="sort-filed"><span>报销名称</span></th>
                            <th width="80"><span>报销金额</span></th>
                            <th width="100"><span>报销人员</span></th>
                            <th width="80"><span>提交日期</span></th>
                            <th width="120"><span>备注说明</span></th>
                            <th width="80" class="text-center"><span>状态</span></th>
                            <th width="120" class="text-center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot class="ibox-content">
                        <tr>
                            <td colspan="7" align="center"></td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script id="tableListTpl" type="text/html">
    <% for(var i=0;i<data.length;i++) {
        visible='';
        if(data[i]['visible']=='1') visible='checked';
    %>
    <tr>
        <td><input name="id" class="checkboxCtrlId" value="<%=data[i]['id']%>" type="checkbox"></td>
        <td>
            <a class="ajax-open" data-url="{:url('OaReimburse/detail')}"  data-ids="{'id':'<%=data[i]['id']%>'}" data-title="修改">
            <%=data[i]['name']%>
            </a>
        </td>
        <td><%=data[i]['money']%></td>
        <td><%=data[i]['handle_user_name']%></td>
        <td><%=data[i]['create_time']%></td>
        <td><%=data[i]['remark']%></td>
        <td class="text-center"><%:=data[i]['status_arr']['html']%></td>
        <td class="text-center">
            <% for(var j=0;j<data[i]['status_arr']['action'].length;j++) { %>
            <lqf_link>
                <a class="<%=data[i]['status_arr']['action'][j]['class']%>" data-ids="{'id':'<%=data[i]['id']%>'}" href="<%=data[i]['status_arr']['action'][j]['url']%>">
                    <font color="<%=data[i]['status_arr']['action'][j]['color']%>"><%=data[i]['status_arr']['action'][j]['name']%></font></a>
            </lqf_link>
            <% } %>
        </td>
    </tr>
    <% } %>
</script>
<script type="text/javascript">
    $(document).ready(function () {
        turnPage(1);//页面加载时初始化分页
    });
</script>
